<template>
<t-form ref="form" :data="formData"  :label-width="90" >
    <t-row :gutter="12">
      <t-col :span="5">
        <t-form-item name="name" label="护理项目名称：">
          <t-input v-model="formData.name"  clearable placeholder="请输入"/></t-form-item>
      </t-col>
      <t-col :span="4" >
        <t-form-item name="status" label="状态：">
          <t-select  v-model="formData.status">
                    <t-option label="启用" value="1" />
                    <t-option label="禁用" value="0" />
                </t-select></t-form-item>
      </t-col>
      <t-col :span="3">
        <t-form-item>
          <t-button theme="primary" @click="reset" block>重置</t-button>&nbsp;&nbsp;
          <t-button theme="primary" @click="search" block>搜索</t-button>
        </t-form-item>
      </t-col>
    </t-row>
</t-form>
  </template>
  <script setup lang="jsx">
const props=defineProps({
    formData:{
        type: Object,
        default:()=>{
            return {
                name:'',
                status:''
            };
        }
    },
})

const emit =defineEmits(['FormReset','FormSearch'])

function reset(){
  emit('FormReset')
}
function search(){
  emit('FormSearch')
}
</script>